const r = `
<template>\r
  <s-form label-width="10em" colon="：">\r
    <s-form-item label="级联下拉框主题">\r
      <s-radio-group v-model="options.theme" :options="themeList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="文本排列方向">\r
      <s-radio-group v-model="options.align" :options="alignList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否显示级联文本">\r
      <s-radio-group v-model="options.cascadeLabel" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否可筛选">\r
      <s-radio-group v-model="options.filter" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否无级可选">\r
      <s-radio-group v-model="options.stepless" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否多选">\r
      <s-radio-group v-model="options.multiple" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否可以清除">\r
      <s-radio-group v-model="options.clearable" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否无边框">\r
      <s-radio-group v-model="options.borderless" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否存在前缀">\r
      <s-radio-group v-model="options.prefix" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否只读">\r
      <s-radio-group v-model="options.readonly" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否禁用">\r
      <s-radio-group v-model="options.disabled" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="级联下拉框示例">\r
      <s-cascade-select\r
        width="32rem"\r
        v-model="options.value"\r
        placeholder="请选择区域"\r
        :options="selectOptions"\r
        :cascade-label="options.cascadeLabel"\r
        :filter="options.filter"\r
        :multiple="options.multiple"\r
        :theme="options.theme"\r
        :align="options.align"\r
        :clearable="options.clearable"\r
        :borderless="options.borderless"\r
        :readonly="options.readonly"\r
        :disabled="options.disabled"\r
      >\r
        <template v-if="options.prefix" #prefix>\r
          <span>所属区域</span>\r
        </template>\r
      </s-cascade-select>\r
    </s-form-item>\r
  </s-form>\r
</template>\r
\r
<script lang="ts">\r
import {\r
  CASCADE_SELECT_THEME_DEFAULT,\r
  CASCADE_SELECT_THEME_LABEL,\r
  CASCADE_SELECT_THEME_OPTIONS,\r
  TEXT_ALIGN_DEFAULT,\r
  TEXT_ALIGN_LABEL,\r
  TEXT_ALIGN_OPTIONS,\r
} from "@smartcity/simple-ui";\r
import { Component, Vue } from "vue-property-decorator";\r
\r
@Component\r
export default class DefaultCascadeSelect extends Vue {\r
  /**\r
   * @description: 主题列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly themeList = CASCADE_SELECT_THEME_OPTIONS.map((theme) => ({\r
    value: theme,\r
    label: CASCADE_SELECT_THEME_LABEL.get(theme),\r
  }));\r
\r
  /**\r
   * @description: 排列方向列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly alignList = TEXT_ALIGN_OPTIONS.map((align) => ({\r
    value: align,\r
    label: TEXT_ALIGN_LABEL.get(align),\r
  }));\r
\r
  /**\r
   * @description: 是否列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly isOrNotList = [\r
    { value: true, label: "是" },\r
    { value: false, label: "否" },\r
  ];\r
\r
  // 下拉框选项列表\r
  readonly selectOptions = [\r
    {\r
      label: "中华人民共和国",\r
      value: "100000000000",\r
      children: [\r
        { label: "北京市", value: "110000000000" },\r
        {\r
          label: "江苏省",\r
          value: "320000000000",\r
          disabled: true,\r
          children: [\r
            {\r
              label: "南京市",\r
              value: "320100000000",\r
              children: [\r
                { label: "市辖区", value: "320101000000" },\r
                { label: "玄武区", value: "320102000000" },\r
                { label: "秦淮区", value: "320104" },\r
                { label: "建邺区", value: "320105000000" },\r
                { label: "鼓楼区", value: "320106000000" },\r
                { label: "浦口区", value: "320111000000" },\r
                { label: "栖霞区", value: "320113000000" },\r
                { label: "雨花台区", value: "320114000000" },\r
                { label: "江宁区", value: "320115000000" },\r
                { label: "六合区", value: "320116000000" },\r
                { label: "溧水区", value: "320117000000" },\r
                { label: "高淳区", value: "320118000000" },\r
              ],\r
            },\r
            { label: "无锡市", value: "320200000000" },\r
            { label: "徐州市", value: "320300000000" },\r
            { label: "常州市", value: "320400000000" },\r
            { label: "苏州市", value: "320500000000" },\r
            { label: "南通市", value: "320600000000" },\r
            { label: "连云港市", value: "320700000000" },\r
            { label: "淮安市", value: "320800000000" },\r
            { label: "盐城市", value: "320900000000" },\r
            { label: "扬州市", value: "321000000000" },\r
            { label: "镇江市", value: "321100000000" },\r
            { label: "泰州市", value: "321200000000" },\r
            { label: "宿迁市", value: "321300000000" },\r
          ],\r
        },\r
      ],\r
    },\r
  ];\r
\r
  /**\r
   * @description: 级联下拉框配置项\r
   * @private\r
   * @type {Object}\r
   */\r
  options = {\r
    theme: CASCADE_SELECT_THEME_DEFAULT, // 级联下拉框主题\r
    align: TEXT_ALIGN_DEFAULT, // 文本排列方向\r
    cascadeLabel: false, // 是否显示级联文本\r
    filter: false, // 是否可以筛选\r
    stepless: false, // 是否无级可选\r
    multiple: false, // 是否多选\r
    clearable: true, // 是否可以清除\r
    borderless: false, // 是否无边框\r
    prefix: false, // 是否存在前缀\r
    readonly: false, // 是否只读\r
    disabled: false, // 是否禁用\r
    value: null, // 级联下拉框选中值\r
  };\r
}\r
<\/script>\r
`; export { r as default };
